﻿body
{
    background-color: #f7f8f9;
}

@font-face {
	font-family: 'SegoeUI-Light';
	src: url('../font/segoeuil.eot');
	src: url('../font/segoeuil.eot?#iefix') format('embedded-opentype'),
				url('../font/segoeuil.woff') format('woff'),
				url('../font/segoeuil.ttf') format('truetype'),
				url('../font/segoeuil.svg#segoeuil') format('svg');
	font-weight: normal;
	font-style: normal;
		}

.loginContainer
{
    position: absolute;
    width: 500px;
    height: 320px;
    margin-left: -250px;
    margin-top: -160px;
    left: 50%;
    top: 50%;
    font-family: Arial;
    cursor: pointer;
}

.light
{
    background-color: #ffcfb4;
    width: 60px;
    height: 60px;
    position: absolute;
    display: none;
}

.medium
{
    background-color: #ffa48a;
    width: 60px;
    height: 60px;
    position: absolute;
    display: none;
}

.normal
{
    background-color: #ff6c58;
    width: 60px;
    height: 60px;
    position: absolute;
    display: none;
}

.dark
{
    background-color: #e74135;
    width: 60px;
    height: 60px;
    position: absolute;
    display: none;
}

.logoText
{
    color: #e74135;
    font-size: 16px;
    position: absolute;
    left: 150px;
    top: 145px;
    background-image: url("../images/logoDots.png");
    background-repeat: no-repeat;
    background-position: right 5px;
    width: 325px;
    display: none;
}

.LoginForm
{
    position: absolute;
    width: 400px;
    height: 220px;
    margin-left: -200px;
    margin-top: -110px;
    left: 50%;
    top: 50%;
    font-family: Arial;
    display:none;
}

.textBoxLarge
{
    width:200px;
    height:15px;
    font-size:15px;
    padding:10px;
    border:1px solid #9C9C9C;
    font-family: "Arial";
    color:#787878;
    background-color:#F5F5F5;
    }
    
.popupButton
{
    padding:5px;
    font-size:15px;
    color:#ffffff;
    font-family: 'SegoeUI-Light';
    background-color:#ff6c58;
    border:none;
    display:block;
    width:60px;
    text-align:center;
    float:right;
    cursor:pointer;
    }
